
.display-container
    background-image: url(/assets/image/background.png)
    background-position: center
    background-attachment: fixed
    background-size: 100%
    position: relative
    overflow-y: auto
    height: calc(100vh - 6.25rem)
    padding-left: 3rem
    padding-right: 2rem
    margin: 0


.display-reminder
    padding-top: 1.25rem
    padding-bottom: 0.25rem


.reminder
    $symbol-2radius: 0.875rem

    &-head
        margin-bottom: 0.25rem
        font-size: 0
        position: relative

    &-title
        font-size: 1rem
        font-weight: 600
        color: #000000

    &-symbol
        content: ""
        background-color: #A09DAF
        width: $symbol-2radius
        height: $symbol-2radius
        border-radius: 50vh
        display: inline-block
        position: absolute
        left: 2 * $symbol-2radius
        top: 50%
        transform: translateY(-50%)
        align-self: center

    &-desc
        font-size: 0.75rem
        color: #1D1D1D
        line-height: 1.125rem


